import 'package:demo1/pages/gridview_page.dart';
import 'package:demo1/pages/home.dart';
import 'package:demo1/pages/second_page.dart';
import 'package:demo1/pages/stack.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    //返回一个实质性的底层模版，这是一个顶层容器，所有容器都可以在里面实现ui效果
    return MaterialApp(
      //关闭debug的提示
      debugShowCheckedModeBanner: false,
      //ui效果写在这里
      home:
        Home(),
      routes: {
        "/home": (context) => Home(),
        "/second_page": (context) => SecondPage(),
        "/gridview_page": (context) => gridviewPage(),
        "/stackPage":(context) => stackPage(),
      },
      // Scaffold(
      //   backgroundColor: Colors.red[100],
      //   appBar: AppBar(
      //     backgroundColor: Colors.red[200],
      //     //移除阴影
      //     elevation: 0,
      //     //leading为左侧的组件
      //     leading: Icon(Icons.menu),
      //
      //     actions:[
      //       IconButton(onPressed: () { },icon: Icon(Icons.logout))
      //     ],
      //     title: Center(
      //         child: Text("My App"),
      //     ),
      //   ),
      //
      //   //body为一个组件，container则是容器
      //   body:
      //
      //   //在body中很重要的组件：列(Column)和行(row),滚动视图（ListView）
      //     ListView(
      //       //水平方向的滚动
      //        scrollDirection: Axis.horizontal,
      //       //主轴对齐
      //       // mainAxisAlignment: MainAxisAlignment.center,
      //       //交叉轴对齐
      //       // crossAxisAlignment: CrossAxisAlignment.center,
      //       children:[
      //         //放入盒子1
      //         Container(
      //
      //           width: 400,
      //           color: Colors.greenAccent[700],
      //         ),
      //         //放入盒子2
      //         Container(
      //
      //           width: 400,
      //           color: Colors.grey[500],
      //         ),
      //         //放入盒子3
      //         Container(
      //
      //           width: 400,
      //           color: Colors.deepPurple[300],
      //
      //         ),
      //         // 放入盒子4
      //         // expanded组件会自动填充剩余空间
      //         Expanded(
      //           //flex属性，表示占用剩余空间的比例
      //           // flex: 2,
      //           child: Container(
      //             width: 400,
      //             color: Colors.black,
      //           ),
      //         )
      //       ]
      //     ),
      //
      //   // Center(
      //   //   child: Container(
      //   //     height: 300,
      //   //     width: 500,
      //   //     //添加装饰，需要注意有decoration的话，color必须放在里面
      //   //     decoration: BoxDecoration(
      //   //       color: Colors.deepPurple,
      //   //       borderRadius: BorderRadius.circular(20),
      //   //     ),
      //   //     padding: EdgeInsets.symmetric(vertical: 30,horizontal: 20),
      //   //     child: Text(
      //   //         "欢迎进入",
      //   //         style: TextStyle(
      //   //           fontSize: 30,
      //   //           color: Colors.white,
      //   //           fontWeight: FontWeight.bold,
      //   //         ),
      //   //     ),
      //   //   ),
      //   // ),
      // ),
    );
  }
}
